@import (reference) "~weaver-mobile/dist/weaver-mobile.less";

.email-set-item-input {
  .box {
    position: relative;
    display: flex;
    flex: 1 1;
    align-self: stretch;
    overflow: hidden;
    align-items: center;
    padding-right: 15 * @hd;
  }
  .box-left {
    flex: 1 1;
  }
  .box-extra {
    flex: initial;
    min-width: 0;
    max-height: 21 * @hd;
    overflow: hidden;
    padding-right: 0;
    line-height: 1;
    color: #868686;
    font-size: 15 * @hd;
    margin-left: 5 * @hd;
  }
  &-line {
    &-show {
      .box;
      &-tag {
        .box-left;
        &-item {
          display: inline-block;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          vertical-align: bottom;//修复overflow:hidden出现额外高度的问题
          max-width: 100%;
          margin-right: @h-spacing-sm;
          span {
            color: blue;
          }
          &.selected {
            span {
              color: @color-text-base-inverse;
              border: 1px solid blue;
              border-radius: 5 * @hd;
              background-color: blue;
              padding: 2 * @hd 4 * @hd;
            }
          }
        }
      }
      &-extra {
        .box-extra
      }
    }
    &-input {
      .box;
      &-div {
        .box-left;
        >div {
          width: 100%;
          height: @list-item-height;
          display: flex;
          .am-input-item {
            flex: 1 1;
          }
          .am-button {
            height: @button-height-sm;
            line-height: @button-height-sm;
            font-size: @button-font-size-sm;
            width: 40 * @hd;
            border-radius: 5 * @hd;
            position: relative;
            top: 10 * @hd;
          }
        }
      }
      &-extra {
        .box-extra
      }
    }
  }

  &-hidden {
    display: none;
  }
}